// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Learn GitLab renders correctly 1`] = `
<div>
  <!---->
   
  <div
    class="row"
  >
    <div
      class="gl-mb-7 gl-ml-5"
    >
      <h1
        class="gl-font-size-h1"
      >
        Learn GitLab
      </h1>
       
      <p
        class="gl-text-gray-700 gl-mb-0"
      >
        Ready to get started with GitLab? Follow these steps to set up your workspace, plan and commit changes, and deploy your project.
      </p>
    </div>
  </div>
   
  <div
    class="gl-mb-3"
  >
    <p
      class="gl-text-gray-500 gl-mb-2"
      data-testid="completion-percentage"
    >
      25% completed
    </p>
     
    <div
      class="progress"
      max="12"
      value="3"
    >
      <div
        aria-valuemax="12"
        aria-valuemin="0"
        aria-valuenow="3"
        class="progress-bar"
        role="progressbar"
        style="width: 25%;"
      />
    </div>
  </div>
   
  <div
    class="gl-mt-6"
  >
    <h2
      class="gl-font-weight-bold gl-font-size-h2"
    >
      
      1. Add code to your project
    
    </h2>
  </div>
   
  <div
    class="row"
  >
    <div
      class="gl-mt-5 col-sm-12 col-mb-6 col-lg-3"
    >
      <div
        class="gl-card gl-pt-0 h-100"
      >
        <div
          class="gl-card-header gl-bg-white gl-border-0 gl-pb-0"
        >
          <img
            src="code.svg"
          />
           
          <h2
            class="gl-font-lg gl-mb-3"
          >
            Start with the WebIDE
          </h2>
           
          <p
            class="gl-text-gray-700 gl-mb-6"
          >
            Use the built-in editor to create or upload files.
          </p>
        </div>
         
        <div
          class="gl-card-body gl-pt-0"
        >
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <span
                class="gl-text-green-500"
              >
                <svg
                  aria-hidden="true"
                  class="gl-icon s16"
                  data-testid="completed-icon"
                  role="img"
                >
                  <use
                    href="file-mock#check-circle-filled"
                  />
                </svg>
                
      Add code
      
                <!---->
              </span>
            </div>
          </div>
        </div>
         
        <!---->
      </div>
    </div>
  </div>
   
  <div
    class="gl-mt-6"
  >
    <h2
      class="gl-font-weight-bold gl-font-size-h2"
    >
      
      2. Build
    
    </h2>
  </div>
   
  <div
    class="row"
  >
    <div
      class="gl-mt-5 col-sm-12 col-mb-6 col-lg-4"
    >
      <div
        class="gl-card gl-pt-0 h-100"
      >
        <div
          class="gl-card-header gl-bg-white gl-border-0 gl-pb-0"
        >
          <img
            src="workspace.svg"
          />
           
          <h2
            class="gl-font-lg gl-mb-3"
          >
            Set up your workspace
          </h2>
           
          <p
            class="gl-text-gray-700 gl-mb-6"
          >
            Complete these tasks first so you can enjoy GitLab's features to their fullest:
          </p>
        </div>
         
        <div
          class="gl-card-body gl-pt-0"
        >
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <span
                class="gl-text-green-500"
              >
                <svg
                  aria-hidden="true"
                  class="gl-icon s16"
                  data-testid="completed-icon"
                  role="img"
                >
                  <use
                    href="file-mock#check-circle-filled"
                  />
                </svg>
                
      Invite your colleagues
      
                <!---->
              </span>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <span
                class="gl-text-green-500"
              >
                <svg
                  aria-hidden="true"
                  class="gl-icon s16"
                  data-testid="completed-icon"
                  role="img"
                >
                  <use
                    href="file-mock#check-circle-filled"
                  />
                </svg>
                
      Create a repository
      
                <!---->
              </span>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="set_up_your_first_project_s_ci_cd"
                  href="http://example.com/"
                  target="_self"
                >
                  Set up your first project's CI/CD
                </a>
                 
                <!---->
              </div>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="start_a_free_trial_of_gitlab_ultimate"
                  href="http://example.com/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Start a free trial of GitLab Ultimate
                </a>
                 
                <!---->
              </div>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="add_code_owners"
                  href="http://example.com/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Add code owners
                </a>
                 
                <span
                  class="gl-font-style-italic gl-text-gray-500"
                  data-testid="trial-only"
                >
                  
  - Included in trial

                </span>
              </div>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="enable_require_merge_approvals"
                  href="http://example.com/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Enable require merge approvals
                </a>
                 
                <span
                  class="gl-font-style-italic gl-text-gray-500"
                  data-testid="trial-only"
                >
                  
  - Included in trial

                </span>
              </div>
            </div>
          </div>
        </div>
         
        <!---->
      </div>
    </div>
    <div
      class="gl-mt-5 col-sm-12 col-mb-6 col-lg-4"
    >
      <div
        class="gl-card gl-pt-0 h-100"
      >
        <div
          class="gl-card-header gl-bg-white gl-border-0 gl-pb-0"
        >
          <img
            src="deploy.svg"
          />
           
          <h2
            class="gl-font-lg gl-mb-3"
          >
            Deploy
          </h2>
           
          <p
            class="gl-text-gray-700 gl-mb-6"
          >
            Use your new GitLab workflow to deploy your application, monitor its health, and keep it secure:
          </p>
        </div>
         
        <div
          class="gl-card-body gl-pt-0"
        >
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="scan_dependencies_for_licenses"
                  href="https://docs.gitlab.com/ee/foobar/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Scan dependencies for licenses
                </a>
                 
                <span
                  class="gl-font-style-italic gl-text-gray-500"
                  data-testid="trial-only"
                >
                  
  - Included in trial

                </span>
              </div>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="scan_dependencies_for_vulnerabilities"
                  href="https://docs.gitlab.com/ee/foobar/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Scan dependencies for vulnerabilities
                </a>
                 
                <span
                  class="gl-font-style-italic gl-text-gray-500"
                  data-testid="trial-only"
                >
                  
  - Included in trial

                </span>
              </div>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="analyze_your_application_for_vulnerabilities_with_dast"
                  href="https://docs.gitlab.com/ee/foobar/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Analyze your application for vulnerabilities with DAST
                </a>
                 
                <span
                  class="gl-font-style-italic gl-text-gray-500"
                  data-testid="trial-only"
                >
                  
  - Included in trial

                </span>
              </div>
            </div>
          </div>
        </div>
         
        <!---->
      </div>
    </div>
    <div
      class="gl-mt-5 col-sm-12 col-mb-6 col-lg-4"
    >
      <div
        class="gl-card gl-pt-0 h-100"
      >
        <div
          class="gl-card-header gl-bg-white gl-border-0 gl-pb-0"
        >
          <img
            src="plan.svg"
          />
           
          <h2
            class="gl-font-lg gl-mb-3"
          >
            Plan and execute
          </h2>
           
          <p
            class="gl-text-gray-700 gl-mb-6"
          >
            Create a workflow for your new workspace, and learn how GitLab features work together:
          </p>
        </div>
         
        <div
          class="gl-card-body gl-pt-0"
        >
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="create_an_issue"
                  href="http://example.com/"
                  target="_self"
                >
                  Create an issue
                </a>
                 
                <!---->
              </div>
            </div>
          </div>
          <div
            class="gl-mb-4"
          >
            <div
              class="flex align-items-center"
            >
              <div>
                <a
                  class="gl-link"
                  data-qa-selector="uncompleted_learn_gitlab_link"
                  data-testid="uncompleted-learn-gitlab-link"
                  data-track-action="click_link"
                  data-track-label="submit_a_merge_request_mr"
                  href="http://example.com/"
                  target="_self"
                >
                  Submit a merge request (MR)
                </a>
                 
                <!---->
              </div>
            </div>
          </div>
        </div>
         
        <!---->
      </div>
    </div>
  </div>
</div>
`;
